<template>
  <van-cell is-link :icon="icon" center class="myCell">
    <template #title>
      <div class="title">
        {{ title }}
      </div>
    </template>
    <template #default>
      <!-- 没有头像地址时处理  value===undefined -->
      <!-- type=img且有头像地址 -->
      <van-image
        class="img"
        @click="$router.push('/info')"
        :src="value"
        v-if="type === 'img' && value"
      >
        <template v-slot:error>
          <img class="img" src="@/assets/隐忍.png" alt="" />
        </template>
      </van-image>

      <!-- 非img -->
      <div v-else class="value">
        {{ value }}
      </div>
    </template>
  </van-cell>
</template>

<script>
export default {
  props: ['title', 'value', 'type', 'icon']
}
</script>

<style lang="less">
.myCell {
  width: 100%;
  .img {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
  }
}
</style>
